<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core">

<ui:composition template="template/default.xhtml">
	<ui:define name="navigation">
		<ui:include src="navigation/simpleNavigation.xhtml"></ui:include>
	</ui:define>
	<ui:define name="content">
	    <f:view>
	    	<h:form id="registerForm">
	    		<h:panelGroup layout="block">
	    			<fieldset>
	    				<h:panelGroup layout="block" styleClass="inputGroup">
	    					<h:outputLabel value="#{msg.firstname}" for="firstname" />
	    					<h:inputText value="#{registerMB.newUser.firstname}" id="firstname" required="true"/>
	    					<h:message for="firstname"/>
	    				</h:panelGroup>
	    				<h:panelGroup layout="block" styleClass="inputGroup">
	    					<h:outputLabel value="#{msg.surname}" for="surname" />
	    					<h:inputText value="#{registerMB.newUser.surname}" id="surname" required="true"/>
	    					<h:message for="surname"/>
	    				</h:panelGroup>
	    				<h:panelGroup layout="block" styleClass="inputGroup">
	    					<h:outputLabel value="#{msg.email}" for="email" />
	    					<h:inputText value="#{registerMB.newUser.email}" id="email" required="true">
	    						<f:validator for="email" validatorId="emailValidator"/>
	    					</h:inputText>
	    					<h:message for="email"/>
	    				</h:panelGroup>
	    				<h:panelGroup layout="block" styleClass="inputGroup">
	    					<h:outputLabel value="#{msg.pseudonym}" for="pseudonym" />
	    					<h:inputText value="#{registerMB.newUser.pseudonym}" id="pseudonym" required="true" >
	    						<f:validator for="pseudonym" validatorId="pseudonymValidator"/>
	    					</h:inputText>
	    					<h:message for="pseudonym"/>
	    				</h:panelGroup>
	    				<h:panelGroup layout="block" styleClass="inputGroup">
	    					<h:outputLabel value="#{msg.password}" for="password" />
	    					<h:inputSecret value="#{registerMB.newUser.password}" id="password" required="true" />
	    					<h:message for="password"/>
	    				</h:panelGroup>
	    			</fieldset>
	    		</h:panelGroup>
	    		<h:commandButton action="#{registerMB.register}" value="#{msg.register}" />
	    	</h:form>
	    </f:view>
	</ui:define>
</ui:composition>
</html>